<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/static/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.ztree.core.min.js"></script>
<link href="/static/js/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
	$(function(){
		
			$.ajaxSetup({
				async:false
			});
			
			var setting = {
					data:{
						simpleData:{
							enable:true,
							idKey:"id",
							pIdKey:"pid"
						}
					}
					
			}
			
			var zNodes;
			
			$.post(
				"/ztree/list",
				null,
				function(obj){
					zNodes = obj;
				},
				"json"
			
			);
			
			$.fn.zTree.init($("#aaa"),setting,zNodes);
		
	})
</script>
</head>
<body style="background-image: url(/static/img/007.jpg);background-repeat: no-repeat;background-size: auto auto">
	<div >
		<ul class="ztree" id="aaa"></ul>
	</div>
</body>
</html>